/************* GENEREL **************/
body
{
    background-color: #F0F0F0;
    font: 1.0em Verdana, arial, sans-serif;
    text-align: left;
}
*
{
    margin: 0;
    padding: 0;
}

/************* MAINWRAPPER **************/
div#MainWrap
{
    height: 100%;    
    width: 770px;    
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #FFFFFF;
}

/************* HEADER **************/
div#Header
{
    height: 100px;
    background-image: url(/Images/header.jpg);
    background-position:left;
    background-repeat: no-repeat;
    background-color: #F7F7F5;
    font: 1.0em Helvetica;
}
div#Header div.Logo
{
   position: relative;
   width: 277px;
   height: 51px;
   left: 60%;
   top: 15px;
}
div#Header div.Logo div.Dida
{
   position: relative; top: 5px; left: 0px;
   font: 5em Helvetica;
   color:#FFF;
}
div#Header div
{
    position: relative;
    left: 20%;
    top: 60px;
    font-size: 0.7em;
}
div#Header ul
{
    margin: 0;
}
div#Header li
{
    float: left;
    list-style-type: none;
    border-right: solid 1px #000000;
    padding: 0 6px;
}
div#Header li:first-child
{   
    border-right: solid 0px #000000;
}
div#Header a
{
    text-decoration: underline;
    color: #000000;
}
* html div#Header ul
{
    float: left;  
    border-right: solid 0px #000000;
    margin-left: 15px;
}
* html a
{
    display: block;
}

/************* MENUS **************/
#Menu {background:#192666; margin: 0 0px 25px 0px; padding:10px 5px 0 5px; _height:1px;}

#Menu ul {margin:0 10px; padding:0; list-style:none;}
#Menu ul li {margin:0 5px 0 0; padding:0; float:left;}
#Menu ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("../images/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}

/* Main menu (tabs - link) */
#Menu ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../images/tab_link_l.gif") 0 0 no-repeat;}
#Menu ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../images/tab_link_r.gif") 100% 0 no-repeat;}

/* Main menu (tabs - hover) */
#Menu ul li a:hover {background:url("../images/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
#Menu ul li a:hover span.tab-l {background:url("../images/tab_hover_l.gif") 0 0 no-repeat;}
#Menu ul li a:hover span.tab-r {background:url("../images/tab_hover_r.gif") 100% 0 no-repeat;}

/* Main menu (tabs - active) */
#Menu ul li#active a {background:#FFF; color:#FF9000;}
#Menu ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../images/tab_active_l.gif") 0 0 no-repeat;}
#Menu ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("../images/tab_active_r.gif") 100% 0 no-repeat;}

.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}


/************* CONTENTAREA **************/
div#ContentArea1
{
    background-color: #FFFFFF;
    position: relative;    
}

/************* 2 COLUMN LAYOUT **************/
/************* LEFT  **************/
div#Column1
{
    position: absolute; top: 0px; left: 0px;
    width: 190px; 
    background-color: #FFFFFF;
    margin-left: 10px;
    padding-top: 15px;
    border-top: solid 10px #DFE0D9;
    overflow: hidden;
}

/************* RIGHT **************/
div#Column2
{
    min-height: 500px;
    background-color: #FFFFFF;
    margin: 25px 10px 0 210px;
    padding-top: 15px;
    border-top: solid 10px #DFE0D9;
}

/************* Single Column **************/
div#SingleColumn
{
    min-height: 500px;
    background-color: #FFFFFF;
    margin: 25px 10px 0 10px;
    padding-top: 15px;
    border-top: solid 10px #DFE0D9;
}

/************* Case Tree **************/
div#CaseTree
{
    background-color: #FFFFFF;
    padding: 0 10px 0 10px;
}
/************* FOOTER **************/
div#Footer
{
    margin-top: 25px;
	height: 25px;	
	font-size: 0.7em;
	background-color: #192666;
	text-align: center;
}
div#Footer p
{
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	padding: 6px;
}

/************* ALSETT CLEARING METHOD **************/
.ClearFix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ClearFix
{
	display: inline-block;
}
* hmtl .ClearFix
{
	height: 1%;
}
.ClearFix
{
	display: block;
}